/**
 * Copyright (C) 2009 eXo Platform SAS.
 * 
 * This is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation; either version 2.1 of
 * the License, or (at your option) any later version.
 * 
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this software; if not, write to the Free
 * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
 * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
 */

.UIRegisterPortlet {
	padding: 30px 0;
}

.SocialRegisterButtons {
    padding: 15px;
    text-align: center;
}

.SocialRegisterButtons .register-button {
    border-radius: .3em;
    border: 1px solid;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    display: inline-block;

    background-color: #a0a0a0;
    background: linear-gradient(to bottom, #c0c0c0, #a0a0a0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c0c0c0), to(#a0a0a0));
    border-color:#A0A0A0;

    text-decoration: none;
    
    margin: 5px;
}

.SocialRegisterButtons .register-button:hover {
    background-color: #b0b0b0;
    background: linear-gradient(to bottom, #d0d0d0, #b0b0b0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0d0d0), to(#b0b0b0));
    border-color:#b0b0b0;
}

.SocialRegisterButtons .register-button > div {
    border: 1px solid;
    border-radius: .3em;
    color: white;    
    padding: 3px 6px 3px 22px;
    background: url("/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/generic.png") left no-repeat;
    border-color: #D0D0D0 #D0D0D0 #B0B0B0;
}

.SocialRegisterButtons .register-GOOGLE {
    background-color: #ac2b1c;
    background: linear-gradient(to bottom, #dd4b39, #ac2b1c);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd4b39), to(#ac2b1c));
    border-color:#8f301f #8f301f #8f301f #8f301f;
}

.SocialRegisterButtons .register-GOOGLE:hover {
    background-color: #bc3b2c;
    background: linear-gradient(to bottom, #ed5b49, #bc3b2c);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed5b49), to(#bc3b2c));
    border-color:#9f402f;
}

.SocialRegisterButtons .register-GOOGLE > div {
    background: url("/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/google.png") left no-repeat;
    border-color: #ec9b8c #ec9b8c #dd4d29 #ec9b8c;
}

.SocialRegisterButtons .register-FACEBOOK {
    background-color: #4164a3;
    background: linear-gradient(to bottom, #5a7aaf, #4164a3);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a7aaf), to(#4164a3));
    border-color:#1b386b;
}

.SocialRegisterButtons .register-FACEBOOK:hover {
    background-color: #5174b3;
    background: linear-gradient(to bottom, #6a8abf, #5174b3);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6a8abf), to(#5174b3));
    border-color:#2b487b;
}

.SocialRegisterButtons .register-FACEBOOK > div {
    background: url("/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/facebook.png") left no-repeat;
    border-color: #728cbc #728cbc #728cbc #728cbc;
}

.SocialRegisterButtons .register-TWITTER {
    background-color: #429dd5;
    background: linear-gradient(to bottom, #52ade5, #429dd5);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52ade5), to(#429dd5));
    border-color:#328dc5;
}

.SocialRegisterButtons .register-TWITTER:hover {
    background: #52ade5;
    background: linear-gradient(to bottom, #62bdf5, #52ade5);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#62bdf5), to(#52ade5));
    border-color:#429dd5;
}

.SocialRegisterButtons .register-TWITTER > div {
    background: url("/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/twitter.png") left no-repeat;
    border-color: #62bdf5 #62bdf5 #62bdf5 #62bdf5;
}
.SocialRegisterButtons .register-LINKEDIN {
    background-color: #005f8d;
    background: linear-gradient(to bottom, #007bb6, #005f8d);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007bb6), to(#005f8d));
    border-color:rgba(0,0,0,0.2);
}

.SocialRegisterButtons .register-LINKEDIN:hover {
    background-color: #007bb6;
    background: linear-gradient(to bottom, #0092D8, #007bb6);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0092D8), to(#007bb6));
    border-color:rgba(0,0,0,0.2);
}

.SocialRegisterButtons .register-LINKEDIN > div {
    background: url("/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/linkedin.png") 2px 1px no-repeat;
    border-color: #0092D8 #0092D8 #0092D8 #0092D8;
}

.RegisterDelimiter {
    text-align: center;
    margin: 5px 0;
}

.RegisterDelimiter span {
    font-size: 14px;
}

.RegisterDelimiter span:before, .RegisterDelimiter span:after {
    background: none repeat scroll 0 0 red;
    border-bottom: 1px solid #e9e9e9;
    content: "";
    display: inline-block;
    margin: 4px 14px;
    width: 150px;
}